<!DOCTYPE html>
<html lang="en" xmlns="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>联系我们</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="../../fontawesome-5.15.4/css/all.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <!--窄屏幕样式-->
    <link rel="stylesheet" media="screen and (max-width:750px)" href="./css/mobile.css">
</head>
<body>
<header>
    <nav class="navbar">
        <div class="container">
            <h1><a href="index.html">米修在线</a></h1>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a class="current" href="contact.html">联系我们</a></li>
            </ul>
        </div>
    </nav>
</header>

<section class="contact-form py">
    <div class="container">
        <h1><span class="text-primary">联系</span>我们</h1>
        <p>如有疑问请填写以下信息联系我们</p>
        <form action="process.php">
            <div class="form-group">
                <label for="">姓名</label>
                <input type="text" name="name"/>
            </div>
            <div class="form-group">
                <label for="">邮箱</label>
                <input type="text" name="email"/>
            </div>
            <div class="form-group">
                <label for="">反馈内容</label>
                <textarea name="message"></textarea>
            </div>

            <button type="submit" class="btn">提交</button>
        </form>
    </div>
</section>
<section class="features bg-dark">
    <div class="container">
        <div class="box">
            <i class="fas fa-home fa-3x"></i>
            <h3>联系地址</h3>
            <p>Lorem ipsum dolor sit amet</p>
        </div>
        <div class="box">
            <i class="fas fa-phone fa-3x"></i>
            <h3>联系电话</h3>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.Aliquid</p>
        </div>
        <div class="box">
            <i class="fas fa-envelope fa-3x"></i>
            <h3>合作案例</h3>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.Aliquid</p>
        </div>
    </div>

</section>
<footer class="main-footer">
    <p>米修在线 &copy; 2024, All Rights Reserved</p>
</footer>
</body>
</html>
